const path = require('path');
const htmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');
module.exports = {
	// 配置入口
	entry: './main.js',
	output: {
		path: path.resolve(__dirname,'dist'),
		// 配置输出文件名，同时添加hash
		filename: 'superDemo.js'
	},
	plugins:[
		new htmlWebpackPlugin(),
		// 配置热更新
		new webpack.HotModuleReplacementPlugin()
		
	],
	mode: 'development',
	devServer:{
		// 根目录
		contentBase: path.join(__dirname,'dist'),
		compress: true,
		// 端口号
		port: 9000,
		// 配置热更新
		hot: true
	},
	
	// 配置
	module: {
		// 配置规则
		rules: [
			// 配置css相关的loader,下面的配置是告诉webpack，当在打包过程中，
			// 若遇到以.css结尾的文件，就用css-loader和css-loader处理一下再加载
			{
				test: /\.css$/,
				use: ['style-loader','css-loader']
			},
			// 配置其他的loader
			{
				test: /\.less$/,
				use: [{loader:'style-loader'},{loader:'css-loader'},{loader:'less-loader'}]
			},
			{
				test: /\.(png|jpg|gif|woff|svg|eot|woff2|ttf)$/,
				use: [{
				loader:	'url-loader',
					options: {
						limit : 8192
					}
				}]
				
			}
			
			
		]
	}
	
	
}
